* {
    -color-filter-box-control-hover-background: #494d50;
    -color-filter-box-insert: #636769;
}

.filter-operators-grid {
    -fx-hgap: 5;
    -fx-padding: 0 5 0 0;
}

.filter-controls-grid {
    -fx-hgap: 5;
    -fx-padding: 0 2 0 5;
}

/* operator combo-box */
.filter-operator-combo-box {
    -fx-pref-width: 70px;
    -fx-min-width: 70px;
}

/* comparator combo-box */
.filter-comparator-combo-box {
    -fx-pref-width: 60px;
    -fx-min-width: 60px;
}

.filter-box {
    -fx-padding: 7 0 6 10;
    -fx-background-color: -color-dialog-background;
    -fx-border-width: 1 0 0 1;
    -fx-border-color: -color-dialog-separator;
}

.filter-box .control-label:hover {
    -fx-background-color: -color-filter-box-control-hover-background
}

.filter-drop-target-before {
    -fx-background-color: linear-gradient(from 0% 100% to 0% 0%, -color-dialog-background, -color-dialog-background 70%, -color-filter-box-insert 90%, -color-filter-box-insert);
}

.filter-drop-target-into {
    -fx-background-color: -color-filter-box-insert;
}

.filter-drop-target-after {
    -fx-background-color: linear-gradient(from 0% 0% to 0% 100%, -color-dialog-background, -color-dialog-background 70%, -color-filter-box-insert 90%, -color-filter-box-insert);
}